<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>- 马自达3星骋 2012款 马自达3 星骋 两厢 2.0L 自动 豪华运动型 - 锐车官网，二手车源码，二手车app,二手车手机wap版,二手车代码，二手车程序，二手车建站，汽车网站源码，汽车网站系统，汽车门户网站系统，php+mysql-锐车官方网站</title>
		<meta content="二手车" name="keywords" />
		<meta content="二手车" name="description" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<!--[if lt IE 9]>
    <![endif]-->  
		<script type="text/javascript" src="script/jquery.js"></script>
		<script type="text/javascript" src="script/bootstrap.min.js"></script>
		<script type="text/javascript" src="script/layer.mobile/layer.js"></script>
		<script type="text/javascript" src="script/TouchSlide.1.1.js"></script>

		<script type="text/javascript" src="script/layer.js"></script>
		<script type="text/javascript" src="script/jquery-3.3.1.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/feedback-page.css" />
		<script type="text/javascript" src="script/jquery.lazyload.js"></script>
		<script src="js/min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<script src="js/mui.picker.js"></script> 
		<script src='js/feedback.js'></script>
		<script src="js/app.js"></script>
		<style> 
			.line-limit-length {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			.mui-bar {
				position: fixed;
				z-index: 10;
				right: 0;
				left: 0;
				height: 44px;
				padding-right: 10px;
				padding-left: 10px;
				border-bottom: 0;
				background-color: #f7f7f7;
				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden
			}
			
			.mui-bar-nav {
				top: 0;
				-webkit-box-shadow: 0 1px 6px #ccc;
				box-shadow: 0 1px 6px #ccc
			}
			
			.mui-bar1 {
				position: fixed;
				z-index: 10;
				right: 0;
				left: 0;
				height: 44px;
				padding-right: 10px;
				padding-left: 10px;
				border-bottom: 0;
				background-color: #f7f7f7;
				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden
			}
			
			.mui-bar-nav1 {
				top: 44px;
				-webkit-box-shadow: 0 1px 6px #ccc;
				box-shadow: 0 1px 6px #ccc
			}
		</style>
		

		<script type="text/javascript">
			var carportid;

			(function($, doc) {
				console.log("join...");
				$.init();
				var id = "";
				
				//$('#vipfloorprice').hide();
				$.plusReady(function() {
					var self = plus.webview.currentWebview();
					//获取前面页中的extras中的参数
					carportid = self.ids;
					var url = servicePath+"sechandcar/app/sys/selectCarById";
					mui.ajax(url, {
						data: {
							id: carportid
						}, //把json转换为字符串
						dataType: 'json', //返回数据格式
						type: 'get', //请求方式
						async: false,
						contentType: "application/json", //处理中文乱码
						success: back0
					});
					
					
					var type = window.localStorage.getItem("type");
//			var telephone = window.localStorage.getItem("telephone");
					if(type=='1'){
						$('#vipfloorprice').show();  
						
					}

					var shares = {};

//					var content = doc.getElementById("activityDetail");
					plus.share.getServices(function(s) {
						if(s && s.length > 0) {
							for(var i = 0; i < s.length; i++) {
								var t = s[i];
								shares[t.id] = t;
							}
						}
					}, function() {
						console.log("获取分享服务列表失败");
					});

					document.getElementById("shareActivity").addEventListener('tap', function() {
						var ids = [{
								id: "weixin",
								ex: "WXSceneSession"
							}, {
								id: "weixin",
								ex: "WXSceneTimeline"
							}, {
								id: "qq"
							}],
							bts = [{
								title: "发送给微信好友"
							}, {
								title: "分享到微信朋友圈"
							}, {
								title: "分享到QQ"
							}];
						plus.nativeUI.actionSheet({
							cancel: "取消",
							buttons: bts
						}, function(e) {
							var i = e.index;
							if(i > 0) {
								var s_id = ids[i - 1].id;
								var share = shares[s_id];
								if(share.authenticated) {
									shareMessage(share, ids[i - 1].ex);
								} else {
									share.authorize(function() {
										shareMessage(share, ids[i - 1].ex);
									}, function(e) {
										console.log("认证授权失败：" + e.code + " - " + e.message);
										plus.nativeUI.toast(e.message);
									});
								}
							}
						});
					});
				});

			}(mui, document));
			
			

			function shareMessage(share, ex) {
				var msg = {
					extra: {
						scene: ex
					}
				};
				var surl = "http://www.baidu.com";
				//var content=document.getElementById("activity_desc");
				msg.href = surl;
				msg.title = "大德二手车";  
				msg.content = "快下载APP了解大德二手车吧!"; //+"\n"+document.getElementById("news_content").innerText;//document.getElementById("activity_desc");// "快来下载APP参与精彩活动吧!";

				msg.thumbs = ["_www/images/logo.png"];
				share.send(msg, function() {
					//$.toast("分享到\"" + share.description + "\"成功！ ");
					console.log("分享到\"" + share.description + "\"成功！ ");
				}, function(e) {
					//$.toast("分享到\"" + share.description + "\"失败: " + e.code);
					console.log("分享到\"" + share.description + "\"失败: " + e.code + " - " + e.message);
				});
			}

			function back0(data) {
				$('#vipfloorprice').empty(); 
					$('#vipfloorprice').append("VIP底价:"+data.vipfloorprice+"万元");
				var s = '';
				if(data.photo1 != null && data.photo1 != '') {
					var imgurl = servicePath + data.photo1;
					$('#photo1').attr('src', imgurl);
				}

				if(data.photo2 != null && data.photo2 != '') {
					var imgurl = servicePath+ data.photo2;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo3 != null && data.photo3 != '') {
					var imgurl = servicePath + data.photo3;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo4 != null && data.photo4 != '') {
					var imgurl = servicePath + data.photo4;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo5 != null && data.photo5 != '') {
					var imgurl = servicePath + data.photo5;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo6 != null && data.photo6 != '') {
					var imgurl = servicePath + data.photo6;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo7 != null && data.photo7 != '') {
					var imgurl = servicePath + data.photo7;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo8 != null && data.photo8 != '') {
					var imgurl = servicePath + data.photo8;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo9 != null && data.photo9 != '') {
					var imgurl = servicePath + data.photo9;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo10 != null && data.photo10 != '') {
					var imgurl = servicePath + data.photo10;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo11 != null && data.photo11 != '') {
					var imgurl = servicePath + data.photo11;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo12 != null && data.photo12 != '') {
					var imgurl = servicePath + data.photo12;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo13 != null && data.photo13 != '') {
					var imgurl = servicePath + data.photo13;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo14 != null && data.photo14 != '') {
					var imgurl = servicePath + data.photo14;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}

				if(data.photo15 != null && data.photo15 != '') {
					var imgurl = servicePath + data.photo15;
					s = '<li><a class="pic" href="#"><img src="' + imgurl + '" style="height:230px"/></a></li>';
					$('#myul').append(s);
				}
				/*加载图片列表 滚动播放*/
				TouchSlide({
					slideCell: "#slideBox",
					titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					mainCell: ".bd ul",
					effect: "leftLoop",
					autoPage: true, //自动分页
					autoPlay: true //自动播放
				});

				$('#title').empty();
				$('#title').append(data.brandmodel + ' ' + data.cartype + ' ' + data.color + ' ' + data.city + ' ' + data.transmission);
				$('#price').empty();
				$('#price').append(data.wholesaleprice + '万元');

				$('#registrationdate').empty();
				$('#registrationdate').append(data.registrationdate);

				$('#mileage').empty();
				$('#mileage').append(data.mileage);

				$('#transmission').empty();
				$('#transmission').append(data.transmission);

				if(data.city != null && data.city != '') {
					$('#city').empty();
					$('#city').append(data.city);
				}

				if(data.cartype != null && data.cartype != '') {
					$('#cartype').empty();
					$('#cartype').append(data.cartype);
				}

				if(data.color != null && data.color != '') {
					$('#color').empty();
					$('#color').append(data.color);
				}

				if(data.transmission != null && data.transmission != '') {
					$('#transmission').empty();
					$('#transmission').append(data.transmission);
				}

				if(data.mileage != null && data.mileage != '') {
					$('#mileage').empty();
					$('#mileage').append(data.mileage);
				}

				if(data.registrationdate != null && data.registrationdate != '') {
					$('#registrationdate').empty();
					$('#registrationdate').append(data.registrationdate);
				}

				if(data.fueltype != null && data.fueltype != '') {
					$('#fueltype').empty();
					$('#fueltype').append(data.fueltype);
				}

				if(data.emissionstandard != null && data.emissionstandard != '') {
					$('#emissionstandard').empty();
					$('#emissionstandard').append(data.emissionstandard);
				}

				if(data.yearinsurance != null && data.yearinsurance != '') {
					$('#yearinsurance').empty();
					$('#yearinsurance').append(data.yearinsurance);
				}

				if(data.commercialinsurance != null && data.commercialinsurance != '') {
					$('#commercialinsurance').empty();
					$('#commercialinsurance').append(data.commercialinsurance);
				}

				if(data.compulsoryinsurance != null && data.compulsoryinsurance != '') {
					$('#compulsoryinsurance').empty();
					$('#compulsoryinsurance').append(data.compulsoryinsurance);
				}

				if(data.description != null && data.description != '') {
					$('#description').empty();
					$('#description').append('车主描述：' + data.description);
				}

				//=====================车主信息====================================
				if(data.nickname != null && data.nickname != '') {
					$('#nickname').empty();
					$('#nickname').append('昵称：' + data.nickname);
				}

				if(data.telephone != null && data.telephone != '') {
					$('#telephone').empty();
					$('#telephone').append('车主电话：' + data.telephone);
				}

				$('#makephone').attr('href', 'tel:' + data.telephone); //拨打电话

				/*var url1 = 'http://192.168.3.199:8080/sechandcar/app/sys/getBybrandmodel';
				mui.ajax(url1, {
					//			        data:{productId:iid},  //把json转换为字符串
					data: {
						brandmodel: data.brandmodel
					},
					dataType: 'json', //返回数据格式
					type: 'get', //请求方式
					async: false,
					contentType: "application/json", //处理中文乱码
					success: back1
				});*/

			}

			/*function back1(data1) {
				$('#listcars').empty();
				for(var i = 0; i < data.length; i++) {
					var s = '<div class="listcar">';
					s += '<a href="#" onclick="showdetail('+data[i].id+')">' +
						'<a href="#">' +
						'<div class="carimg"><img src="http://192.168.3.199:8080' + data[i].photo1 + '" data-original="img/carimg.jpg" class="img-responsive lazy" /> </div>' +
						'<div class="carinfo">' +
						'<h4>' + data[i].cartype + '</h4>' +
						'<p class="caritem">' + data[i].registrationdate + ' 上牌/ ' + data[i].mileage + '公里</p>' +
						'<p class="carprice">￥' + data[i].wholesaleprice + '</p>' +
						'</div>' +
						'</a>' +
						'</div>'; 
					$('#listcars').append(s);
				} 
			}*/
			
			function showdetail(id) {
			mui.openWindow({
				id: 'likecardetail',
				url: 'likecardetail.html',
				createNew: true,
				waiting: {
					autoShow: true,
					title: '正在加载...',
				},
				extras: {
					ids: id
				}
			});
		}
		</script>
	</head>

	<body>
		<div id="mainbox">
			<header class="mui-bar mui-bar-nav mo-header" style="background-color: #00002E">
				<div class="mo-header-left">
					<a href="#">
						<font color="#F8F8F8"> 车辆详情 </font>
					</a>
				</div>

				<a id="shareActivity" class="mo-header-right">分享</a>

			</header>
			<!--图片展示-->
			<div id="slideBox" class="slideBox">
				<div class="bd" id="photos">
					<ul id="myul">
						<li id="li1">
							<a class="pic" href="#"><img id="photo1" src="img/noimgdata.jpg" style="height:230px" /></a>
						</li>
					</ul>
				</div>
				<div class="hd">
					<ul>
					</ul>
				</div>
			</div>
			<!-- 图片展示 -->
			<div class="car-detail-box">
				<h3 class="car-allname" id="title">马自达3星骋 2012款 马自达3 星骋 两厢 2.0L 自动 豪华运动型</h3>
				<p class="nowprice" id="price">8.00万元</p>
				<p class="nowprice" id="vipfloorprice" hidden="hidden">8.00万元</p>
				<!--<p class="newprice"><span class="pull-right">2016-03-26</span>同型新车价格(含税) : 14.98万</p>-->
			</div>
			<div class="item-box clearfix">
				<div class="itemlist rightline">
					<p class="text-muted">上牌时间</p>
					<p id="registrationdate">2012-01</p>
				</div>
				<div class="itemlist rightline">
					<p class="text-muted">表显里程</p>
					<p id="mileage">6.36万公里</p>
				</div>
				<div class="itemlist rightline">
					<p class="text-muted">排量</p>
					<p>2.0</p>
				</div>
				<div class="itemlist">
					<p class="text-muted">变速箱</p>
					<p id="transmission">5挡 手自一体</p>
				</div>
			</div>
			<div class="car-box">
				<h3><a href="#"><span class="more"><i class="iconfont">&#xe61d;</i></span><span class="title">基本信息</span></a></h3>
				<div class="box">
					<ul class="carinfobox clearfix">
						<li> <span class="gray">归属地：</span><label id="city">无</label> </li>
						<li> <span class="gray">车型：</span><label id="cartype">无</label> </li>
						<li> <span class="gray">颜色：</span><label id="color">无</label> </li>
						<li> <span class="gray">排量：</span><label id="pailiang">无</label> </li>
						<li> <span class="gray">变速箱：</span><label id="transmission">无</label></li>
						<li> <span class="gray">行驶里程：</span><label id="mileage">无</label> </li>
						<li> <span class="gray">上牌日期：</span><label id="registrationdate">无</label> </li>
						<li> <span class="gray">燃油类型：</span><label id="fueltype">无</label> </li>
						<li> <span class="gray">排放标准：</span><label id="emissionstandard">无</label> </li>
						<li> <span class="gray">年检到期：</span><label id="yearinsurance">无</label></li>
						<li> <span class="gray">商业险到期：</span><label id="commercialinsurance">无</label></li>
						<li> <span class="gray">交强险到期：</span><label id="compulsoryinsurance">无</label></li>
					</ul>
				</div>
			</div>
			<!--<div class="car-box">
				<h3><span class="title">车主描述</span></h3>
				<div class="box" id="description"> 这辆星骋是我从别人手里买来的，因为打算换车，所以想把这辆车转让出去。个人觉得性价比不错，空间足够日常家用，平时上下班和外出很适合代步。目前跑了6万多公里，按时做的保养，外观上有轻微剐蹭，但不影响日常行驶。如果有朋友喜欢这辆车，就跟我联系吧。 </div>
			</div>-->
			<div class="car-box">
				<h3><span class="title">车主信息</span></h3>
				<div class="box">
					<p id="nickname">昵称：</p>
					<!--<p>看车地点：北京海淀西三旗新龙大厦B座810</p>-->
					<p id="telephone">联系电话：</p>
					<p id="description">车主描述：</p>
					<!--<a href="/index.php?m=shop&id=184" class="user-menu">进入商家店铺</a>-->
				</div>
			</div>
			<!--<div class="car-box">
				<h3><span>猜你喜欢 同款</span></h3>
				<div class="listcar" id="listcars">
					<a href="/cars/39" target="_blank">
						<div class="carimg"> <img data-original="img/carimg.jpg" width="300" height="230" class="img-responsive lazy" /> </div>
						<div class="carinfo">
							<h4>马自达 睿翼2009款 睿翼 2.5L 至尊版</h4>
							<p class="caritem">2009-11 上牌 / 6.27万公里</p>
							<p class="carprice">￥10.30万</p>
						</div>
					</a>
				</div>

			</div>-->  

			<div class="clicktel-box"></div>
			<ul class="bottom-tools clearfix">
				<li style="width:50%">
					<a href="javascript:;" class="collectbut">收藏</a>
				</li>
				<li style="width:50%">
					<a id="makephone" href="tel:010-90898987">拨打电话</a>
				</li>
			</ul>
			<!--<a href="javascript:;" id="returntop"></a>-->
			<script type="text/javascript" src="script/jquery.lazyload.js"></script>
			<script type="text/javascript" charset="utf-8">
				$(function() {
					$("img.lazy").lazyload({
						effect: "fadeIn"
					});
					/*$('#returntop').click(function() {
						$('html,body').animate({
							scrollTop: '0px'
						}, 1000);
						return false;
					});*/
				});
			</script>
		</div>
		<div id="report" style="display:none;">
			<header class='mo-header'>
				<div class='mo-header-left'>
					<a href='javascript:;' id='reback'><i class='iconfont'>&#xe647;</i></a>
				</div>
				<div class='mo-header-title' id="title">选择城市</div>
			</header>
			<div id="reportinfo"></div>
		</div>
		
		<script type="text/javascript">
			
			
		</script>
	</body>

</html>